/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Custom Theming for Angular Material
// For more information: https://v16.material.angular.io/guide/theming-your-components
@use '@angular/material' as mat;
@use 'sass:map';
@use 'libs/shared/src/assets/styles/app' as app;
@use 'libs/shared/src/assets/styles/listing-table' as listing-table;
@use 'app/pages/update-attribute/ui/rule-listing/rule-listing.component-theme' as rule-listing;
@use 'app/pages/update-attribute/ui/ua-editor/ua-editor.component-theme' as ua-editor;
@use 'libs/shared/src/components/tooltips/property-hint-tip/property-hint-tip.component-theme' as property-hint-tip;

// Plus imports for other components in your app.
@use 'libs/shared/src/assets/fonts/flowfont/flowfont.css';

@use 'font-awesome';
@use 'libs/shared/src/assets/themes/material';

@tailwind base;
@tailwind components;
@tailwind utilities;

// only include these once (not needed for dark mode)
@include app.styles();
@include listing-table.styles();

html {
    @include app.generate-material-theme();
    @include listing-table.generate-theme();
    @include rule-listing.generate-theme();
    @include ua-editor.generate-theme();
    @include property-hint-tip.generate-theme();

    .darkMode {
        @include app.generate-material-theme();
        @include listing-table.generate-theme();
        @include rule-listing.generate-theme();
        @include ua-editor.generate-theme();
        @include property-hint-tip.generate-theme();
    }
}
